草庐IT

CSS 响应中心 Div

全部标签

javascript - 从ajax响应下载pdf文件

我正在尝试让浏览器下载从ajax响应接收到的pdf文件。灵感来自Downloadpdffileusingjqueryajax我模拟这样的点击/下载事件:varreq=newXMLHttpRequest();req.open("POST","/servicepath/Method?ids="+ids,true);req.responseType="blob";req.onreadystatechange=function(){if(req.readyState===4&&req.status===200){varblob=req.response;varlink=document.cre

javascript - 获取 div 元素的 X 和 Y 坐标

我一直在尝试制作一个javascript来获取div元素的X和Y坐标。经过一番尝试后,我想出了一些数字,但我不确定如何验证它们的确切位置(脚本返回X为168,Y为258)我正在运行脚本,屏幕分辨率为1280x800。这是我用来获得此结果的脚本:functionget_x(div){vargetY;varelement=document.getElementById(""+div).offsetHeight;varget_center_screen=screen.width/2;document.getElementById("span_x").innerHTML=element;ret

javascript - 重置类时 CSS 动画不会重新启动

我正在使用CSS着色器+动画。我的着色器类定义如下:.shader{-webkit-filter:custom(url(v.vs)mix(url(f.fs)multiplydestination-over),200200);-webkit-animation-name:test;-webkit-animation-duration:2s;-webkit-animation-iteration-count:1}我正在尝试通过$('#holder').addClass('shader');和$('#holder').removeClass('着色器');然而,奇怪的是当我重置类时(例如,在

javascript - css/jQuery - 居中绝对定位的 div

div是50%不透明的,显示在网站内容的顶部,固定宽度为960像素(由jQuery创建)。如何水平居中?margin:0auto;不起作用:( 最佳答案 margin:0auto;不适用于绝对定位的元素。相反,我们可以使用元素本身的属性。检查fiddle...http://jsfiddle.net/UnsungHero97/HnzyT/2/将它水平居中很容易,因为您绝对知道宽度和它的位置。您所要做的就是给它2个CSS属性:width:960px;position:absolute;/*...otherCSSproperties...

javascript - Jquery if then 声明 css 值

我想检查带有CSSclass="x"的div是否有height="auto"如果是,我想(使用jQuery脚本)从所有带有css-class="y"的元素中删除css-class="a"如果不是,则脚本不必执行任何操作。谢谢 最佳答案 if($('div.x').css('height')==='auto'){$('.y').removeClass('a');} 关于javascript-Jqueryifthen声明css值,我们在StackOverflow上找到一个类似的问题:

javascript - 使用 jQuery 将一个 DIV 的内容移动到另一个 DIV

http://www.frostjedi.com/terra/scripts/demo/jquery02.html根据thislink可以通过$('#container1').append($('#container2'))来移动元素。不幸的是,它似乎对我不起作用。有什么想法吗? 最佳答案 参见jsfiddlehttp://jsfiddle.net/Tu7Nc/1/你必须不完全附加你的div,而是你的div的内容(内部HTML)和Jquery的html()函数。HTML:aaabbb​J查询:$("#1").append($("#2

javascript - jquery:厌倦了 css().css().css()

我真的厌倦了这样的语法:.css('position','absolute').css('z-index',z-index).css('border','1pxsolid#00AFFF').css('margin','-1px0px0px-1px').css('left',pleft)我想知道是否有任何方法可以在一个函数中传递所有参数,例如:.foo('position':'absolute','z-index':z-index,'border':'1pxsolid#00AFFF','margin':'-1px0px0px-1px','left':pleft)非常感谢任何帮助。

javascript - jQuery Validate - 将错误类添加到父 Div

我正在使用jQueryValidate插件,但始终找不到显示复选框错误的好方法。如果没有被选中,我想用红色突出显示所有复选框标签,并决定通过向包含复选框和复选框标签的div添加错误类来做到这一点。但是,它似乎并没有添加类。我没有正确选择div吗?HTML:Items:Item#1Item#2Item#3Javascript:$().ready(function(){$('#addForm').validate({rules:{"items":{required:true,minlength:1}},errorPlacement:function(error,element){if(el

c# - 在 C# 代码中嵌入 CSS/jQuery 代码不好吗?

我在浏览我们的工作代码库时看到了这种类型的代码:privateButtonAddClearButton(){returnnewButton{OnClientClick=string.Format(@"$('.{0}').css('background-color','#FBFBFB');$('#'+{1}).val('');$('#'+{2}).val('');returnfalse;",_className,_hiddenImageNameClientId,_hiddenPathClientId),Text=LanguageManager.Instance.Translate("/b

javascript - 有没有办法中途暂停 CSS 过渡?

实际上,这个主题非常具有解释性。但要澄清的是,我对几件事感到好奇:有没有办法——不是禁用——而是暂停属性转换?(然后-可能会恢复它)。有没有办法在转换过程中读取属性更改(通过JavaScript)?例如,如果el的样式为:$(el).height()会在悬停事件后0.5秒后返回50:el{height:100px;过渡:高度1s;}和el:hover{height:0px;(这是一个草图,请原谅我的语法)。 最佳答案 1)您可以使用animation-play-stateCSS属性,并在两者之间切换animation-play-st